import 'package:flutter/material.dart';

/* 
StatelessWidget是无状态组件，状态不可变的widget
StatefulWidget 是有状态组件，持有的状态可能在widget生命周期改变。

通俗的讲：如果我们想改变页面中的数据的话这个时候就需要用到StatefulWidget

如果想要改变状态  必须在 setState(){} 方法里面写函数体


*/

void main() {
  runApp(
      // 入口文件可以是自定义组件 也可以是flutter组件
      MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Wrap组件'),
      ),
      body: MyApp(),
    ),
  ));
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _nameState();
}

class _nameState extends State<MyApp> {
  int count = 0;
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        children: [
          Text("$count", style: Theme.of(context).textTheme.titleLarge),
          Divider(),
          ElevatedButton(
              onPressed: () {
                setState(() {
                  this.count++;
                });
              },
              child: Text('click me'))
        ],
      ),
    );
  }
}
